<template>
  <div class="flex justify-between text-[#e54c5f]">
    <div class="flex items-center cursor-pointer" @click="handleClick">
      <el-icon><ArrowLeftBold /></el-icon>
      <span class="pl-5">{{
        route.query.type == "add" ? $t("创建账户") : $t("编辑账户")
      }}</span>
    </div>
  </div>
  <el-card class="my-5">
    <CreateAccountForm />
  </el-card>
</template>
<script setup>
import CreateAccountForm from "./components/CreateAccountForm.vue";
import { useRouter, useRoute } from "vue-router";

const router = useRouter();
const route = useRoute();

const handleClick = () => {
  router.replace(`/merchantSettings/subAccount`);
};
</script>
